<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PARTIDAS</title>

<!--===================================
	ESTILOS
	===================================-->
<link rel="stylesheet" type="text/css" href="../CSS/cssPartidas.css">
<link rel="stylesheet" type="text/css" href="../PLUG-INS/JQUERY_UI/jquery-ui.min.css">

<!--===================================
	SCRIPTS
	===================================-->
<script type="text/javascript" src="../JS/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../PLUG-INS/JQUERY_UI/jquery-ui.min.js"></script>
<script type="text/javascript" src="../JS/jsPartidas.js"></script>
</head>

<body>

<div class="clTitulo">
  <h1>Partidas</h1>
  <h3>Crea aquí tus partidas!!!</h3>
</div>

<div class="clMantenimiento">
  <button type="button" id="btnRegistrar" onClick="Registrar();">Registrar</button>
  <select class="combo">
    <option value="A">Activas</option>
    <option value="I">Iniciadas</option>
    <option value="F">Finalizadas</option>
  </select> 
</div>

<div class="clDatos">
  <h2 id="lblNombreUsu"></h2>
</div>

<div class="clResultado"></div>

<div class="clPartidas">
  <table class="clTabla">

  </table>
</div>

<!--VENTANA MODAL-->
<div class="clModal" title="Crear partida">
	<form id="frmUsuarios">
    <p><input type="text" placeholder="Nombre de la Partida" required maxlength="20" id="txtPartida"/></p>
    <p><textarea placeholder="Descripción" required maxlength="50" id="txtDescripcion" ows="4" cols="50"></textarea></p>
    <p><input type="text" placeholder="Fecha de inicio" required class="clCalendarios" id="dpFechaInicio"/></p>
    <p><input type="text" placeholder="Fecha de finalización" required class="clCalendarios" id="dpFechaFin"/></p>
    <p><input type="submit" id="btnAccion" value="Crear" onClick="Accionar();"/></p>
  </form>
</div>

</body>
</html>
